// --------------------------------------------------
// 头像
// @Author: steven.wjx
// @Date:   2020-03-05 13:17:50
// --------------------------------------------------
.#{$ui-name}avatar {
	@include inline-block;
	@include size($avatar-size, $avatar-size);
	font-size: 0;
	text-align: center;
	margin-right: 10px;
	background-color: #ccc;
	border-radius: $border-radius/2;

	>img {
		width: $avatar-size;
		height: $avatar-size;
		max-height: 100%;
		vertical-align: middle;
		border-radius: $border-radius/2;
	}

	>.hiicon {
		font-size: ceil($avatar-size/2);
		color: #fff;
		vertical-align: middle;
	}

	>.#{$ui-name}avatar-text {
		font-size: ceil($avatar-size/2);
		color: #fff;
		vertical-align: middle;
	}

	&.#{$ui-name}avatar-circle {
		border-radius: 50%;

		>img {
			border-radius: 50%;
		}

		>.hiicon {
			border-radius: 50%;
		}

		>.#{$ui-name}avatar-text {
			border-radius: 50%;
		}
	}
}